@ts-nocheck
<template>
  <div style="padding: 2em 2em 1em 1em">
    <div style="font-size:24px;font-weight:bold">
      <i class="el-icon-service"></i>
      纠正机组复诵错误情况记录
    </div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="添加记录" name="recordView">
        <record-view />
      </el-tab-pane>
      <el-tab-pane label="检索" name="queryView">
        <query-view />
      </el-tab-pane>
      <el-tab-pane label="统计" name="summaryView">
        <summary-view />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import queryView from "./QueryView.vue";
import recordView from "./RecordView.vue";
import summaryView from "./SummaryView.vue";
export default {
  components: { queryView, recordView, summaryView },
  data() {
    return {
      activeName: 'recordView'
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>